import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

//引入阿里
import './assets/iconfont/iconfont.css'

//引入全局样式,可以在这里直接引入sass文件，或者设置配置文件
import './assets/css/init.css'
//引入动画库
import 'animate.css'


const app=createApp(App)
//注册全局组件
import PageView from '@/components/PageView.vue'
import PageHeader from '@/components/PageHeader.vue'

app.component("page-view",PageView)
app.component("page-header",PageHeader)



//注册vant中的全局组件,也就是插件
import {Toast,Lazyload} from 'vant'
app.use(Toast).use(Lazyload,{
    lazyComponent: true, //懒加载组件打开
    loading:require("./assets/image/loading.gif"),
    error:require('./assets/image/error.jpeg')
  }) 



//Toast.setDefaultOptions 函数可以全局修改 Toast 的默认配置。
Toast.setDefaultOptions('loading', { forbidClick: true });//配置在loading时, forbidClick 属性可以禁用背景点击。



//懒加载通过指令调用<img v-for="img in imageList" v-lazy="img" />
//通过 app.use 全局注册 Toast 组件后，会自动在 app 的所有子组件上挂载 $toast 方法






createApp(App).use(store).use(router).mount('#app')
